<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--跨行 rowspan=int 跨几行   跨列 colspan=int 跨几列 作用在先出现的td里-->
<table border="1" bgcolor="aqua">
  <tr><!--table row/行 -->
    <td colspan="2" align="center">1-1</td>  <td>1-3</td> <td rowspan="2">1-4</td>
  </tr>
  <tr>
    <td>2-1</td> <td>2-2</td> <td>3-3</td>
  </tr>
  <tr>
    <td colspan="4" align="center">3-1 </td>
  </tr>
</table>
<table border="2">
  <tr>
    <td colspan="2">1-1</td>
    <td rowspan="2">3-1</td>
  </tr>
  <tr>
    <td rowspan="2">1-1</td>
    <td>2-1</td>
  </tr>
  <tr>
    <td colspan="2">2-1</td>
  </tr>
</table>
<table border="1">
  <caption>购物车</caption>
  <tr>
    <th>编号</th>
    <th>商品名</th>
    <th>价格</th>
  </tr>
  <tr>
    <td>1</td>
    <td>iphone11</td>
    <td>1w</td>
  </tr>
  <tr>
    <td>2</td>
    <td>iphone12</td>
    <td>1.2w</td>
  </tr>
  <tr>
    <td>总价</td>
    <td colspan="2" align="center">2.2w</td>
  </tr>
</table>











</body>
</html>